<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>苹果官网</title>
		<link rel="stylesheet" type="text/css" href="css/apple.css"/>
	</head>
	<body>
		<header class="header">
			<div class="header_center">
				<div class="logo">
				</div>
			<div class="nav">
				<ul>
					<li><a href="#javascript:;">Mac</a></li>
					<li><a href="#javascript:;">ipad</a></li>
					<li><a href="#javascript:;">ipone</a></li>
					<li><a href="#javascript:;">Watch</a></li>
					<li><a href="#javascript:;">TV</a></li>
					<li><a href="./music.html">Music</a></li>
					<li><a href="./support.html">Support</a></li>
				</ul>
			</div>
			<div class="logo1">
				<img src="img/guowu.svg"/>
			</div>
			<div class="logo2">
				<img src="img/wenhao.svg" id="open_navtwo">
					
					<div class="xiala">
						<div class="xia1">
							<ul id="nav_two">
								<li><a href="javascript:;">Your Bag is empty.</a></li>
								<li><a href="javascript:;"><img src="img/bag.svg" alt="" />Bag</a></li>
								<li><a href="javascript:;"><img src="img/favorites.svg" alt="" />Favorite</a></li>
								<li><a href="javascript:;"><img src="img/orders.svg" alt="" />Ordes</a></li>
								<li><a href="javascript:;"><img src="img/account.svg" alt="" />Account</a></li>
								<li><a href="javascript:;"><img src="img/signIn.svg" alt="" />Sign in</a></li>
							</ul>	
						</div>
					</div>
			</div>
			<!--js点击式下拉列表-->
			<script type="text/javascript">
				var open_navtwo = document.getElementById("open_navtwo");
				var nav_two = document.getElementById("nav_two");
				open_navtwo.onclick = function(){
					nav_two.style.display = "block";
				}
				nav_two.onclick = function(){
					nav_two.style.display = "none";
				}
			</script>
			<!--结束-->
		</div>
		</header>
		<section class="banner">
			<div class="banner_body">	
				<div class="banner_top">
					<div class="banner_center">
						<img src="img/black-friday-landing-header-201911.png">
					</div>
				</div>
					<h2>Make someone’s holiday.</h2>
					<p><a href="#" class="e">Shop gifts</a><a><span class="d"><strong>></strong></span></a></p>
				<div class="banner_left">
					<a href="#">
						<ul>
							<li><img src="img/ipone11.PNG" alt="" /></li>
							<li><img src="img/apple watch.PNG" alt="" /></li>
							<li><img src="img/ipone11pro.PNG" alt="" /></li>
						</ul>
					</a>
				</div>
					
			</div>	
		</section>	
		<!--iphone11pro背景图-->
		<div class="bottom">
			<div class="bottom_body">
				<h2><a href="#">iPhone 11 Pro</a></h2>	
				<h3>Pro cameras. Pro&nbsp;display. Pro&nbsp;performance.</h3>
				<p>From $24.95/mo. or&nbsp;$599&nbsp;with&nbsp;trade‑in.<a>1</a></p>
				<div class="see">
					<p>
						<a>Learn more</a><strong> > </strong>
						<a>Buy</a><strong> > </strong>
					</p>
				</div>
			</div>
		</div>
		<!--iphone11pro结束-->
		
		<!--iphone11背景图-->
		<div class="top">
			<div class="top_left">
				<h2><a href="#">iPhone 11</a></h2>	
				<h3>Just the right amount of everything.</h3>
				<p>From $16.62/mo. or&nbsp;$399&nbsp;with&nbsp;trade‑in.<a href="#">1</a></p>
				<div class="see">
					<p>
						<a >Learn more</a><strong> > </strong>
						<a>Buy</a><strong> > </strong>
					</p>
				</div>
			</div>
		</div>
		<!--iphone11背景图-->
		<!--iphone WATCH手表-->
		<div class="was">
			<div class="was_nav">
				<h4 class="watch1"></h4>
				<h5 class="subhead">With the new Always-On Retina display.<br>You’ve never seen a watch like this.</h5>
			</div>
			<div class="see">
					<p>
						<a >Learn more</a><strong> > </strong>
						<a>Buy</a><strong> > </strong>
					</p>
			</div>
			<div class="was_left">
					<figure class="watch"></figure>
			</div>
		</div>
		<!--iphone WATCH手表结束-->
		<!-- 小女孩动画开始 -->
    <div class="nav1">
        <div class="nav1_banner">
            <div class="nav1_left">   
            </div>
            <div class="nav1_right">
                <h4 class="headline1">The Surprise</h4>
            </div>
            <div class="nav1_pull">
                    <a href="video/home-surprise-tpl-cc-us-2019_1280x720h.mp4"class="fa ">Watch the film</a>
            </div>
        </div>
    </div>
    <!-- 小女孩动画结束 -->
	 <!-- 海王开始 -->
    <div class="sea">
        <div class="sea_b">
           <div class="sea_e">
           </div>
           <div class="sea_d">
            <h5 class="subhead">Bring the big screen to your screen. Buy an</br> Apple device and get one year of Apple&nbsp;TV+.<sup><a href="#footnote-2" class="footnote">2</a></sup></h5>
           </div>
           <div class="sea_c">
            <a class="fa" href="javascript:;">Watch now on the Apple&nbsp;TV&nbsp;app</a>
           </div>
        </div>
    </div>
    <!-- 海王结束 -->
    
     <!-- 苹果AirPods Pro开始 -->
    <div class="line">
        <div class="line_ac">
            <h4>AirPods&nbsp;Pro</h4>
            <h5>Magic like you’ve never heard.</h5>
        </div>
        <div class="line_ad">
            <a href="javascript:;">Learn more</a><span class="o">></span>
            
            <a href="javascript:;">Buy</a><span class="o">> </span>
        </div>
        <div class="line_ab">
        </div>
    </div>
    <!--苹果AirPods Pro结束-->
    <!--iphonex开始-->
    <div class="pgx">
    	<div class="pgx_x">
    		<div class="xs">	
    		</div>
    		<div class="xsm">
    			<h5 class="subhead">A new world to play in.<br /> 100+&nbsp;new&nbsp;games. $4.99/month.</h5>
    		</div>
    		<div class="xsmx">
    			<a href="javascript:;" >Learn more</a><span> > </span>
    			<a href="javascript:;" >Try it free3</a><span> > </span>
    		</div>
    	</div>
    </div>
    <!--iphonex结束-->
    <!--尾部开始-->
		<div class="wei">
			
			<span class="or">* 6% savings is earned as Daily Cash and is transferred to your Apple Cash card when transactions post to your Apple Card account. If you do not have an Apple Cash card, <br />Daily Cash can be applied by you as a credit on your statement balance. 6% is the total amount of Daily Cash earned for these purchases. Purchases from<br />
			<a href="javascript:;" id="ccd">Apple&nbsp;Media&nbsp;Services</a>and AppleCare+ monthly payments, as well as any Apple iPhone Payments or Apple iPhone Upgrade Program charges posted to your account outside of <br />the promotional period, are ineligible. Additional details apply; see<a href="javascript:;" id="ccd">apple.com/apple-card</a>
			 for more information.
			
			</span>
			<span class="or">
				Available for qualifying applicants in the United States.
			</span>
			<span class="or">
				Issued by Goldman Sachs Bank USA, Salt Lake City Branch.
			</span>
			<span class="or">
				1. Trade In: Trade‑in values vary. iPhone 11 and iPhone 11 Pro promotional pricing is after trade‑in of iPhone 8 Plus and iPhone X in good condition. Additional trade‑in values require purchase of a new iPhone, subject to availability and limits. Must be at least 18. Apple or its trade-in <br />partners reserve the right to refuse or limit any Trade In transaction for any reason.
				 I‑store trade‑in requires presentation of a valid, government-issued photo ID (local law may require saving this information). Sales tax may be assessed on full value of new iPhone. Additional terms from Apple or Apple’s trade-in partners may apply. Monthly pricing: Available to qualified customers and requires 0% APR, 24-month installment loan with Citizens One or Apple 
				 Card Monthly Installments and iPhone activation with ATT, Sprint, T-Mobile, or Verzon. Taxes and shipping not included. Additional Apple Card Monthly Installments terms are in the <a href="javascript:;" id="ccd">Customer Agreement</a>
				 . Additional iPhone Payments terms are<a href="javascript:;" id="ccd">here</a> 
			</span>
			<div class="ur">
			</div>
		</div>
			<!--apple-->
			<div class="five">
				<!--第一个-->
			
				<ul>
						<h3>Shop and Learn</h3>
					<li><a href="javascript:;">Mac</a></li>
					<li><a href="javascript:;">iPad</a></li>
					<li><a href="javascript:;">iphone</a></li>
					<li><a href="javascript:;">Watch</a></li>
					<li><a href="javascript:;">TV</a></li>
					<li><a href="javascript:;">Music</a></li>
					<li><a href="javascript:;">AirPods</a></li>
					<li><a href="javascript:;">HomePod</a></li>
					<li><a href="javascript:;">ipod touch</a></li>
					<li><a href="javascript:;">Accessories</a></li>
					<li><a href="javascript:;">Gift Cards</a></li>
				</ul>
				<!--第二个-->
				
				<ul>
					<h3>Services</h3>
					<li><a href="javascript:;">Apple Music</a></li>
					<li><a href="javascript:;">Apple News+</a></li>
					<li><a href="javascript:;">Apple TV+</a></li>
					<li><a href="javascript:;">Apple Arcade</a></li>
					<li><a href="javascript:;">Apple Card</a></li>
					<li><a href="javascript:;">iCloud</a></li>
				<h3>Account</h3>	
					<li><a href="javascript:;">Manage Your Apple ID</a></li>
					<li><a href="javascript:;">Apple Store Account</a></li>
					<li><a href="javascript:;">iCloud.com</a></li>
				</ul>
				<!--第三个-->
				
				<ul>
					<h3>Apple Store</h3>
					<li><a href="javascript:;">Find a Store</a></li>
					<li><a href="javascript:;">Genius Bar</a></li>
					<li><a href="javascript:;">Today at Apple</a></li>
					<li><a href="javascript:;">Apple Camp</a></li>
					<li><a href="javascript:;">Field Trip</a></li>
					<li><a href="javascript:;">Apple Store App</a></li>
					<li><a href="javascript:;">Refurbished and Clearance</a></li>
					<li><a href="javascript:;">Financing</a></li>
					<li><a href="javascript:;">Apple Trade In</a></li>
					<li><a href="javascript:;">Order Status</a></li>
					<li><a href="javascript:;">Shopping Help</a></li>
				</ul>
				<!--第四个-->
				
				<ul>
					<h3>For Business</h3>
					<li><a href="javascript:;">Apple and Business</a></li>
					<li><a href="javascript:;">Shop for Business</a></li>
					<h3>For Education</h3>
					<li><a href="javascript:;">Apple and Education</a></li>
					<li><a href="javascript:;">Shop for College</a></li>
					<h3>For Healthcare</h3>
					<li><a href="javascript:;">Apple in Healthcare</a></li>
					<li><a href="javascript:;">Health on Apple Watch</a></li>
					<li><a href="javascript:;">Health Records on iPhone</a></li>
					<h3>For Government</h3>
					<li><a href="javascript:;">Shop for Government</a></li>
					<li><a href="javascript:;">Shop for Veterans and Military</a></li>
				</ul>
				<!--第五个-->
				
				<ul>
					<h3>Apple Values</h3>
					<li><a href="javascript:;">Accessibility</a></li>
					<li><a href="javascript:;">Education</a></li>
					<li><a href="javascript:;">Environment</a></li>
					<li><a href="javascript:;">Inclusion and Diversity</a></li>
					<li><a href="javascript:;">Privacy</a></li>
					<li><a href="javascript:;">Supplier Responsibility</a></li>
					<h3>About Apple</h3>
					<li><a href="javascript:;">Newsroom</a></li>
					<li><a href="javascript:;">Apple Leadership</a></li>
					<li><a href="javascript:;">Job Opportunities</a></li>
					<li><a href="javascript:;">Investors</a></li>
					<li><a href="javascript:;">Events</a></li>
					<li><a href="javascript:;">Contact Apple</a></li>
				</ul>
				
				
			</div>	
			<div class="mom">
					More ways to shop: <a href="javascript:;">Find an Apple Store</a>or<a href="javascript:;">other retailer</a> near you. Or call 1-800-MY-APPLE.
				</div>
			<div class="omo">
					<span>Copyright © 2019 Apple Inc. All rights reserved.</span>
					<div class="non">
						<a href="javascript:;">Privacy Policy</a>
						<a href="javascript:;">Terms of Use</a>
						<a href="javascript:;">Sales and Refunds</a>
						<a href="javascript:;">Legal</a>
						<a href="javascript:;">Site Map</a>
					</div>	
					<!--美国小标-->
					<div class="meiguo">
						<a href="javascript:;">United States</a>
					</div>		
			</div>
			<!--结束-->
	</body>
</html>
